<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			table {
				width: 100%;
				border: 1px solid red;
				border-spacing: 0px;
				border-collapse: collapse;
			}

			table tr td {
				text-align: center;
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		行：<input type="text"  id="num1"  />
		行：<input type="text"  id="num2"  />
		<button id="btn">生成</button>
		<table id="table">
			<!-- <tr><th>Header</th></tr>
			<tr><td>Data</td></tr> -->
		</table>
		<script type="text/javascript">
			//生成任意表格

			//获取num1和num2里面的值
			//不能在点击事件外面获取input的值，在外面获取是一加载就获取值，
			// 这个时候没有值，获取到的是空的
			btn.onclick = function() {
					var n1 = num1.value;
					var n2 = num2.value;
					var res = '';
					//生成行和列 循环嵌套
					//外层生成行
					for (var i = 0; i < n1; i++) {
						res += '<tr>';
						//内层生成列
						for (var j = 0; j < n2; j++){
								res += '<td>' + j + '</td>';
								

						}
						res += '</tr>';
						}
						table.innerHTML = res;
					}
		</script>
	</body>
</html>
